<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0403_factory-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="header-title" ng-bind="dialog._title | translate"></div>
    <!--More Menu-->

    <!--Close button-->
    <div class="kmi-side-btn right" ng-click="dialog.hide();">
      <img src="image/icons/clear.png" />
      <div class="kmi-can-click"></div>
    </div>
  </div>
  <div class="kmi-layout-main-content" style="flex: 1">
    <!--Page-->
    <div class="kmi-layout-page">
      <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="B0403_factory" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
        <label class="label" ng-show="dialog._event['op_no'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.op_no' | translate"></label>
        <div class="value" ng-show="dialog._event['op_no'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.plotItem.op_no" mdl-toast="{{dialog.plotItem.op_no}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['plot_no'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.plot_no' | translate"></label>
        <div class="value" ng-show="dialog._event['plot_no'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.plotItem.plot_no" mdl-toast="{{dialog.plotItem.plot_no}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['qty'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.qty' | translate"></label>
        <div class="value" ng-show="dialog._event['qty'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.plotItem.qty" mdl-toast="{{dialog.plotItem.qty}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['erp_doc_type'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.erp_doc_type' | translate"></label>
        <div class="value" ng-show="dialog._event['erp_doc_type'].isShown != 'N'" style="">
          <input type="text" readonly="" ng-model="dialog.warehouseInfo.erp_doc_type" ng-click="dialog._event['erp_doc_type'].click(dialog.warehouseInfo.erp_doc_type, {event:$event});" ng-disabled="dialog._event['erp_doc_type'].isDisabled == 'Y'" />
          <div class="tip">
            <img src="image/icons/search.png" />
          </div>
        </div>
        <label class="label" ng-show="dialog._event['product_warehouse_name'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.product_warehouse_name' | translate"></label>
        <div class="value" ng-show="dialog._event['product_warehouse_name'].isShown != 'N'" style="">
          <input type="text" readonly="" ng-model="dialog.warehouseInfo.product_warehouse_name" ng-click="dialog._event['product_warehouse_name'].click(dialog.warehouseInfo.product_warehouse_name, {event:$event});" ng-disabled="dialog._event['product_warehouse_name'].isDisabled == 'Y'" />
          <div class="tip">
            <img src="image/icons/search.png" />
          </div>
        </div>
        <label class="label" ng-show="dialog._event['storage'].isShown != 'N'" style="" ng-bind="'B0403_factory.columns.storage' | translate"></label>
        <div class="value" ng-show="dialog._event['storage'].isShown != 'N'" style="">
          <input type="text" readonly="" ng-model="dialog.warehouseInfo.storage" ng-click="dialog._event['storage'].click(dialog.warehouseInfo.storage, {event:$event});" ng-disabled="dialog._event['storage'].isDisabled == 'Y'" />
          <div class="tip">
            <img src="image/icons/search.png" />
          </div>
        </div>
        <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['selectReasonList'].isShown != 'N'" style="height:{{dialog._event['B0403_factory'].GetfillHeight()}};grid-column-start:span 4;" list-name="B0403_selectReasonList" list-bind="dialog.selectReasonList" list-alias="dialog.selectReasonList" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
          <div class="kmi-list column-selector" kmi-scrollbar="165px" column-selector-id="B0403_selectReasonList" style="flex: 1">
            <div class="kmi-list__header">
              <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.selectReasonList.reason_display'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objselectReasonList.header[0].isFilter">
                  <input ng-model="dialog._objselectReasonList.filterColumns['reason_display']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objselectReasonList.header[0].isFilter = false;dialog._objselectReasonList.filterColumns['reason_display'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objselectReasonList.header[0].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objselectReasonList.header[0].isFilter = true">search</i>
                  <label ng-bind="'B0403_selectReasonList.columns.reason_display' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objselectReasonList.queryOrder == 0">{{!dialog._objselectReasonList.header[0].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(0, 'reason_display', 'dialog._objselectReasonList');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.selectReasonList.qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objselectReasonList.header[1].isFilter">
                  <input ng-model="dialog._objselectReasonList.filterColumns['qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objselectReasonList.header[1].isFilter = false;dialog._objselectReasonList.filterColumns['qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objselectReasonList.header[1].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objselectReasonList.header[1].isFilter = true">search</i>
                  <label ng-bind="'B0403_selectReasonList.columns.qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objselectReasonList.queryOrder == 1">{{!dialog._objselectReasonList.header[1].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(1, 'qty', 'dialog._objselectReasonList');"></div>
                </div>
              </div>
              <div class="kmi-list__column" item-name="remove" style="flex: 0 0 45px"></div>
            </div>
            <div class="kmi-list__row-content">
              <div class="kmi-list__row" id="B0403_selectReasonList_result_list" ng-repeat="item in dialog._event['dialog.selectReasonList'].getPages(dialog.selectReasonList, dialog._objselectReasonList.PageConfig, dialog._objselectReasonList.filterColumns, dialog._objselectReasonList.header[dialog._objselectReasonList.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.selectReasonList'].checkSelect(item, {index:$index, event:$event})}">
                <div class="kmi-list__column" item-name="reason_display" style="flex: 1 1 0%; z-index: 1; pointer-events: auto">
                  <input type="text" ng-value="item.reason_display" readonly="readonly" ng-click="dialog.loadReworkReasonList(item);" style="border: 1px solid #e9e8e7; min-height: 30px; font-size: 16px; padding-left: 8px; width: 100%" />
                </div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.selectReasonList.qty'].isShown != 'N'">
                  <div class="kmi-text-fields">
                    <input type="text" readonly="" ng-model="item.qty" ng-click="dialog._event['dialog.selectReasonList.qty'].click(item.qty, {eventScope:item, event:$event, index:$index});" />
                  </div>
                </div>
                <div class="kmi-list__column" item-name="remove" style="flex: 0 0 45px; z-index: 1">
                  <button class="mdl-button mdl-button--icon" ng-click="dialog.removeRow($index);">
                    <img src="image/icons/delete.png" />
                  </button>
                </div>
                <div class="kmi-can-click" ng-click="dialog._event['dialog.selectReasonList'].rowClick(item, {index:$index, event:$event});"></div>
              </div>
            </div>
          </div>
          <div class="page-content">
            <div class="page-icon">
              <img src="image/icons/dropleft.png" />
              <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objselectReasonList.PageConfig);"></div>
            </div>
            <label ng-bind="dialog.pageInfo(dialog._objselectReasonList.PageConfig);"></label>
            <div class="page-icon">
              <img src="image/icons/dropright.png" />
              <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objselectReasonList.PageConfig);"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="mdd-button-tool">
        <div class="tool-bar">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Execute'].isDisabled == 'Y'" ng-hide="dialog._fn['Execute'].isShown == 'N'" style="width: 100px">
            <label>{{'B0403_factory.funcs.Execute' | translate}}</label>
            <div class="kmi-can-click" ng-click="dialog._fn['Execute'].click('Execute');"></div>
          </div>
        </div>
        <div class="tool-bar" style="justify-content: flex-end">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['confirm'].isDisabled == 'Y'" ng-hide="dialog._fn['confirm'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'common.btn.confirm' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['confirm'].click('confirm');"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
